/**
 * eadmin / www.eadmin.com.cn
 * 
 * 穿梭框
 */

@import "../global";

.transfer-box
{
    position: relative;
}
.transfer-box-list
{
    .border-radius();
    width: 180px;
    height: 266px;
    border:1px @input-color-1 solid;
    display: inline-block;
    padding-top: 36px;
    position: relative;
    vertical-align: middle;
    .transfer-header
    {
        background: @input-color-3;
        border-bottom: 1px @input-color-1 solid;
        position: absolute;
        top: 0;
        width: 100%;
        padding: 0 10px;
        height: 36px;
        line-height: 36px;
        label
        {
            padding: 0;
            line-height: 30px;
        }
    }
    span
    {
        float: right;
    }
}
.transfer-body
{
    position: relative;
    overflow: hidden;
    margin-top: 1px;
    ul
    {
        padding: 4px;
        overflow: hidden;
        position: relative;
    }
    li
    {
        .border-radius();
        padding: 0 6px;
        cursor: pointer;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
        &:hover
        {
            background: @color-5;
        }
        label
        {
            line-height: 30px;
        }
    }
    .disabled
    {
        cursor: not-allowed;
        &:hover
        {
            background: none;
        }
    }
}
.transfer-search
{
    width: 100%;
    padding: 0 4px;
    position: absolute;
    top: 40px;
    left: 0;
    margin-bottom: 4px;
    input
    {
        padding: 6px;
    }
}
.transfer-body-search
{
    margin-top: 34px;
}
.transfer-button
{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    button
    {
        .border-radius();
        padding: 6px;
        display: block;
        height: 32px;
        margin:0;
        i
        {
            margin-right: 0;
        }
    }
    button:first-child
    {
        margin-bottom: 10px;
    }
}